<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style type="text/css">  
       .body{
       	width: 1000px;
       	border: 1px solid red;
       	margin: 0 auto;
       }
       .head{
         height: 300px;
         border: 1px solid yellow;
       }
       .head_menu{
       	float: right;
       }
       .head_menu li{
        display: block;
        float: left;
        width: 80px;
        height: 80px;
        margin-right: 20px;
       line-height: 80px;
       }
        .head_menu li a{
        	text-decoration: none;
        }
       .content{

      	height: 500px;
       	border: 1px solid pink;
       }
       .content_left{
       	margin-top:80px;
       	margin-left:50px;
       	font-size:20px;
         font-weight:blod;
       }
       .footer{
       	clear: both;
       	height: 300px;
        border: 1px solid orange;
            background:#c4C2C1;
       }
       .footer_right{
        margin-right:40px;
        margin-top:70px;
       	float:right;
       	font-size:20px;  
    
       }

    </style>
</head>
<body>
 <div class="body">
 	<div class="head">
 		 <div class="head_menu">
          <li><a href="#">主页</a></li>
          <li><a href="#">商户/用户</a></li>
          <li><a href="#">关于我们</a></li>
         </div>
 	</div>
 	<div class="content">
 	   <div class="content_left">
 	   	<h4>电子会员卡</h4>
 	   	方便快捷，发现更多即时优惠</br>
 	   	轻松扫码支付，释放钱包不累赘</br>
 	   	全新生活方式，体验不同精彩
 	   </div>
    </div>
	 <div class="footer"> 	 
	   <div class="footer_right">
	   	 <h4>约客一族</h4>
	   	 陌生城市，不孤单的生活。</br>
	   	 实时互动，了解最新消息</br>
	   	 约客一族，寻找与你志趣相投的人
	   </div>	 
     </div>
 </div>
</body>
</html>

 